@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Parkinsans:wght@300..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");


* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
} 


body{
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
background-color: #fefefe;
width: 100%;

}

.logo{
  height: 80px;
}

.color-1{
  color: #3c5437;
}

.color-2{
  color: #4bae52;
}

nav .navbar-nav li a{
  color: #1a1a1a !important;
  text-transform: uppercase;
  transition: 0.4s;
  }


  nav .navbar-nav li a:hover{
    color: #3c5437 !important;
  }



  .btn-1{
    background-color: #3c5437;
    color: #fff;
    border-radius: 0px;
    padding: 15px;
    transition: 0.5s;
    border: solid 2px #3c5437; 
  }

  .btn-1:hover{
    color: #fff;
    background-color: #4bae52;
    border: solid 2px #4bae52;
  }


   .btn-2{
    background-color: #4bae52;
    color: #fff;
    border-radius: 0px;
    padding: 15px;
    transition: 0.5s;
    border: solid 2px #4bae52;
  }

  .btn-2:hover{
    color: #fff;
    border: solid 2px #3c5437; 
    background-color: #3c5437; 
  }



.zoom{
  transition: 0.5s;
}

.zoom:hover{
  transform: scale(1.05);
  cursor: pointer;
}


  .slider-title{
    font-size: 5vw;
    font-weight: bold;
  }




@media screen and (max-width: 960px) {
  
.hide-me{
  display: none;
}

  .slider-title{
    font-size: 40px;
    font-weight: bold;
  }

}